<template>
<div>
 <input @input="handleInput"/>
  <h1>{{father}}</h1>
</div>
</template>

<script>
export default {
  name: 'Ainput',
  props: {
    value: {
      type: [String, Number],
      default: ''
    },
    father: {
      type: String
    }
  },
  methods: {
    handleInput(event) {
      console.log(event)
      const values = event.target.value
      this.$emit('input', values)
    }
  }

}
// + computed是在HTML DOM加载后马上执行的，如赋值；
// + methods则必须要有一定的触发条件才能执行，如点击事件；
</script>

<style>
</style>
